<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<title>产品服务-定下流量</title>
</head>
<body>
	<div class="header">
		<div>
            <i></i>
		    <p>流量分发平台</p>
			<ul>
				<li class="header-1">
					<i></i>
					<p>首页</p>
				</li>
				<li class="header-2">
					<i></i>
					<p style="width: 78px;text-align: left;">产品服务</p>
				</li>
				<li class="header-3">
					<i></i>
					<p>套餐中心</p>
				</li>
				<li class="header-4">
					<i></i>
					<p>数据中心</p>
				</li>
				<li class="header-5">
					<i></i>
					<p>技术支持</p>
				</li>
				<li class="header-6">
					<i></i>
					<p style="font-size: 14px;">Wendy</p>
				</li>
			</ul>
		</div>
		<i></i>
	</div>
	<div class="content">
		<div>
			<div class="content-1">
				<ul>
					<li class="content-1-1">
					    <div>
					    	<i class="content-1-1-1"></i>
					    	<p>定向流量</p>
					    	<i class="content-1-1-2"></i>
					    </div>
						<ul>
							<li style="background-color: #41536f;">
								<p style="color: #c9d7ea;">-&nbsp&nbsp域名免流</p>
							</li>
							<li style="background-color: #33bbd0;">
								<p>-&nbsp&nbspAPP接入</p>
								<i></i>
							</li>
						</ul>
					</li>
					<li class="content-1-2">
						<i class="content-1-2-1"></i>
					    <p>通用流量</p>
					    <i class="content-1-2-2"></i>
					</li>
				</ul>
			</div>
			<div class="content-2">
				<div class="content-2-1">
					<p class="content-2-1-1">定向流量 > APP接入</p>
					<p class="content-2-1-2">新增应用</p>
				</div>
				<div class="content-2-2">
					<table>
					    <thead>
					    	<tr>
							    <th style="width: 220px;">应用名称</th>
							    <th style="width: 220px;">应用类型</th>
							    <th style="width: 340px;">API key</th>
							    <th style="width: 240px;">操作</th>
						</tr>
					    </thead>
					    <tbody>
					    	<tr>
							    <td>QQ音乐</td>
							    <td>图像音乐视频</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>腾讯游戏</td>
							    <td>游戏</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>QQ浏览器</td>
							    <td>日常信息</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>QQ</td>
							    <td>社交沟通</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>微信</td>
							    <td>社交沟通</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>腾讯视频</td>
							    <td>图像音乐视频</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>京东商城</td>
							    <td>电子商务</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>淘宝</td>
							    <td>电子商务</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>美拍</td>
							    <td>图像音乐视频</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除</td>
						    </tr>
						    <tr>
							    <td>新浪微博</td>
							    <td>社交沟通</td>
							    <td>7c655807ef2f037964c79296dcee7ed6</td>
							    <td style="color: #4d6584;">我的套餐&nbsp&nbsp应用设置&nbsp&nbsp删除 </td>
						    </tr>
					    </tbody>
					</table>
					<div>
						<div>
							<p>每页显示</p>
							<select>
			                    <option>10</option>
			                </select>
			                <p>条记录</p>
						</div>
						<ul>
							<li style="width: 54px;border-left: none;">上一页</li>
							<li style="background-color: #4d6584;">1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>...</li>
							<li style="width: 54px;background-color: #33bbd0;color: #ffffff;">下一页</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p>Copyright 2010-2015 ChinaNetCenter.All Right   Reserved
        <br />网宿科技股份有限公司 版权所有</p>
	</div>
	
</body>
</html>
<li>
				   		<span>
				   			<p>Lorem</p>
				   			<div style="border: 1px #2190c1 solid;background-color: #2190c1;"></div>
				   		</span>
				   		<span>
				   			<p>Ipsum</p>
				   			<div></div>
				   		</span>
				   		<span>
				   			<p>Dolar</p>
				   			<div></div>
				   		</span>
				   		<span>
				   			<p>Sit Amet</p>
				   			<div></div>
				   		</span>
				   		<span style="border-bottom:none;">
				   			<p>Kullar</p>
				   			<div></div>
				   		</span>
				   	</li>
				 .content-2-1-middle ul:last-child li:last-child{
	height:174px;
	background-color:#f98561;
}
.content-2-1-middle ul:last-child li:last-child span{
	width: 150px;
	height: 34px;
	margin: 0 auto;
	border-bottom: 1px solid #f9af8c;
	display: block;
}
.content-2-1-middle ul:last-child li:last-child span p{
	font-size: 13px;
	line-height: 34px;
	color: #f9f5d2;
	margin: 0;
	float: left;
}
.content-2-1-middle ul:last-child li:last-child span div{
	width: 12px;
	height: 12px;
	border: 1px #f9f5d2 solid;
	-webkit-border-radius: 12px;
	background-color: #f9f5d2;
	float: right;
	margin-top: 10px;
}